
.TopicList {
  /deep/ .van-nav-bar {
    background-color: #c30000;

    .van-nav-bar__title {
      color: #fff;
    }

    .van-icon-arrow-left:before {
      color: #fff;
    }
  }

  .box {
    .recom-content {
      margin-top: 0px !important;
      border-top: 5px solid #f0f0f0;

      li {
        padding: 8px;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        font-size: 12px;
        height: 2.8rem;

        p {
          &:first-child {
            width: 2.8rem
          }

          &:last-child {
            display: flex;
            width: 1rem;
            margin-left: -1rem ;
            button {
              padding: 2px 4px;
              height: 18px;
              font-size: 12px;
              color: white;
              border: none;
              background-color: #00a0ea;
              white-space: nowrap;
              line-height: 14px;
            }
          }
        }

        img {
          width: 100%;
          height: 150px;
        }

        div {
          width: 6.5rem;
          overflow: hidden;
          margin-left: 0.2rem;
          padding-top: 0.1rem;

          p {
            color: gray;
            width: 99%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;

            &:last-child {
              font-weight: 700;
              color: black;

              span {
                color: #f50000;
              }
            }

            &:first-child {
              font-weight: 700;
              color: black;
            }
          }
        }
      }
    }
  }
}
